/* Emoji-Auswahl — Gruppen-Reiter oben, Suche, Raster darunter. */
.cc-emo-box { width: var(--sz-320); }
.cc-emo-tabs { display: flex; gap: var(--sp-1); flex-wrap: wrap; padding-bottom: var(--sp-2);
               border-bottom: 1px solid var(--border); margin-bottom: var(--sp-2); }
.cc-emo-tab { border: 0; background: transparent; cursor: pointer; padding: var(--sp-1) var(--sp-2);
              border-radius: var(--radius); font-size: var(--fs-md); line-height: 1; }
.cc-emo-tab:hover { background: var(--grey-100); }
.cc-emo-tab-active { background: var(--grey-200); }
.cc-emo-search { width: 100%; margin-bottom: var(--sp-2); }
.cc-emo-panes { max-height: var(--sz-240); overflow-y: auto; }
.cc-emo-grid { display: flex; flex-wrap: wrap; gap: var(--sp-1); }
.cc-emo { border: 0; background: transparent; cursor: pointer; font-size: var(--fs-lg);
          line-height: 1; padding: var(--sp-1); border-radius: var(--radius); }
.cc-emo:hover { background: var(--grey-100); }