@font-face{font-family:CrmEmoji;src:url('/assets/crm-emojis-font-b8e25ea68db8.ttf') format('truetype');font-display:swap}
@font-face{font-family:CrmEmojiText;src:url('/assets/crm-emojis-font-b8e25ea68db8.ttf') format('truetype');font-display:swap;unicode-range:U+1F000-1FAFF,U+2300-23FF,U+2600-27FF,U+2B00-2BFF,U+2190-21FF,U+FE0F,U+200D,U+20E3,U+E0020-E007F,U+3030,U+303D,U+3297,U+3299}
.wa-web-inbox .wa-chat-bubble p,.wa-web-inbox #wa-chat-body{font-family:CrmEmojiText,"Segoe UI",system-ui,sans-serif}
.crm-emoji-glyph{font-family:CrmEmoji,"Apple Color Emoji","Segoe UI Emoji",sans-serif}
.crm-emoji-catalog{box-sizing:border-box;width:min(460px,calc(100vw - 20px));height:min(570px,calc(var(--crm-viewport-height,100dvh) - 24px));max-height:calc(100dvh - 20px);padding:0;border:1px solid #dce5e7;border-radius:15px;background:#fff;color:#172a31;box-shadow:0 16px 70px #0004;font:13px/1.4 "Segoe UI",system-ui,sans-serif;overflow:hidden}
.crm-emoji-catalog[open]{display:flex;flex-direction:column}
.crm-emoji-catalog::backdrop{background:#0b141a5c}
.crm-emoji-catalog *{box-sizing:border-box}
.crm-emoji-catalog header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px 9px;flex-shrink:0}
.crm-emoji-catalog h2{font:600 18px/1.2 "Segoe UI",system-ui,sans-serif;letter-spacing:-.3px;margin:0 0 2px;color:inherit}
.crm-emoji-catalog small{color:#667781;font-size:11px}
.crm-emoji-catalog .crm-emoji-close{border:0;border-radius:50%;width:32px;height:32px;background:#f0f2f5;color:#54656f;font:24px/1 system-ui;cursor:pointer}
.crm-emoji-search-row{display:flex;gap:7px;padding:0 12px 9px;flex-shrink:0}
.crm-emoji-search-row input{flex:1;min-width:0;margin:0;padding:9px 10px;font:13px "Segoe UI",system-ui,sans-serif;border:1px solid #e3e8ea;border-radius:8px;background:#f5f7f8;color:#172a31}
.crm-emoji-search-row select{width:133px;min-width:0;padding:7px 5px;margin:0;font:12px "Segoe UI",system-ui,sans-serif;border:1px solid #e3e8ea;border-radius:8px;background:#fff;color:#172a31}
.crm-emoji-categories{display:flex;flex:0 0 auto;gap:2px;overflow-x:auto;overscroll-behavior:contain;padding:3px 10px 8px;border-bottom:1px solid #edf1f2}
.crm-emoji-categories button{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;font-size:22px;border:0;border-radius:9px;background:transparent;color:#54656f;cursor:pointer;padding:3px}
.crm-emoji-categories button[aria-pressed=true]{background:#d9f4e9;box-shadow:inset 0 -2px #008069}
.crm-emoji-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 15px 5px;flex:0 0 auto;font-size:12px}
.crm-emoji-section-title strong{font-weight:600}
.crm-emoji-count{font-size:11px;color:#667781;white-space:nowrap}
.crm-emoji-scroll{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 10px 10px;scrollbar-gutter:stable}
.crm-emoji-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:3px}
.crm-emoji-catalog-grid button{border:0;border-radius:8px;background:transparent;font-size:28px;line-height:1;width:100%;height:40px;min-width:0;padding:3px;cursor:pointer}
.crm-emoji-catalog-grid button:hover{background:#edf5f1}
.crm-emoji-catalog button:focus-visible{outline:2px solid #008069;outline-offset:-2px}
.crm-emoji-catalog footer{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 13px;border-top:1px solid #edf1f2;flex:0 0 auto;background:#f8fafb}
.crm-emoji-catalog footer span{font-size:11px;color:#667781}
.crm-emoji-catalog footer button,.crm-emoji-catalog [data-emoji-more]{border:0;border-radius:8px;padding:8px 13px;background:#008069;color:white;font:600 12px "Segoe UI",system-ui,sans-serif;cursor:pointer}
.crm-emoji-catalog [data-emoji-more]{display:block;margin:10px auto 0;background:#e4f3eb;color:#006b58}
.crm-emoji-catalog [hidden]{display:none!important}
body:has(.wa-web-inbox.crm-dark) .crm-emoji-catalog{background:#202c33;color:#e9edef;border-color:#3a4c55;color-scheme:dark}
body:has(.wa-web-inbox.crm-dark) .crm-emoji-catalog input,body:has(.wa-web-inbox.crm-dark) .crm-emoji-catalog select,body:has(.wa-web-inbox.crm-dark) .crm-emoji-catalog footer{background:#172129;color:#e9edef;border-color:#3a4c55}
body:has(.wa-web-inbox.crm-dark) .crm-emoji-catalog-grid button:hover{background:#34464f}
@media(max-width:400px){.crm-emoji-search-row{gap:5px;padding-inline:9px}.crm-emoji-search-row select{width:115px}.crm-emoji-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.crm-emoji-catalog-grid button{height:38px;font-size:26px}.crm-emoji-catalog header{padding:10px 12px 7px}}