/* CUPONFY ERP · selector de emoji (componente cf-emoji, emoji-picker-element) */
.cf-emoji { position: relative; display: inline-block; }
.cf-emoji__boton { display: inline-flex; align-items: center; gap: .45rem; height: 46px; padding: 0 .7rem; border: 1px solid #dee2e6; border-radius: 12px; background: #fff; color: #6c757d; }
.cf-emoji__boton:hover:not(:disabled) { border-color: #adb5bd; }
.cf-emoji__boton:disabled { opacity: .6; }
.cf-emoji__actual { font-size: 1.7rem; line-height: 1; }
.cf-emoji__vacio { font-size: 1.35rem; }
.cf-emoji__boton .bi-chevron-down { font-size: .7rem; }
.cf-emoji__panel { position: absolute; z-index: 1080; top: calc(100% + 6px); left: 0; background: #fff; border: 1px solid #e7e8f0; border-radius: 14px; box-shadow: 0 16px 40px rgba(0, 0, 0, .16); overflow: hidden; }
.cf-emoji__barra { display: flex; justify-content: space-between; align-items: center; padding: .45rem .75rem; border-bottom: 1px solid #f0f1f6; }
.cf-emoji__panel .cf-cargando { padding: 1.25rem 2rem; }
.cf-emoji emoji-picker { --num-columns: 9; --emoji-size: 1.45rem; --border-size: 0; width: 360px; height: 360px; }
@media (max-width: 575.98px) { .cf-emoji emoji-picker { --num-columns: 7; width: 300px; } }